import React from "react";
import "./myProfile.scss";
import { useNavigate } from "react-router-dom";
import { Form, Input, NavBar, NoticeBar, Space } from "antd-mobile";

const Index = () => {
  const navigator = useNavigate();
  const back = () => {
    navigator("/");
  };

  return (
    <div>
      <header>
        <NavBar
          onBack={back}
          style={{
            "--height": "3rem",
            "--border-bottom": "3px #eee solid",
          }}
        ></NavBar>
      </header>

      <Form layout="horizontal" mode="card">
        <Form.Item label="真实姓名">
          <Input placeholder="请输入" defaultValue="张三"/>
        </Form.Item>
        <Form.Item label="所属医院">
          <Input placeholder="请输入" defaultValue="广东省妇幼保健医院"/>
        </Form.Item>
        <Form.Header />
        <Form.Item label="所属科室">
          <Input placeholder="请输入" defaultValue="儿科"/>
        </Form.Item>
        <Form.Item label="职称">
          <Input placeholder="请输入" defaultValue="副主任医师"/>
        </Form.Item>
        <div className="FormItem">
          <p>
            个人介绍
            
          </p>
          <Input placeholder="请输入" style={{ whiteSpace: 'pre-wrap' }} defaultValue="2006年就读广州医学院医学研究生新生儿专业，
          导师为广东省妇幼保健院张晓庄院长,2009年顺利毕业并"/>
          <p>
            擅长领域
          </p>
          <Input placeholder="请输入" style={{ whiteSpace: 'pre-wrap' }} defaultValue="新生儿黄疸，肺炎，脑膜炎，呼吸窘迫，新生儿
          贫血，肺动脉高压等各种新生儿重症的诊断"/>
        </div>

        <Form.Header />
      </Form>
      <a href="">如需更改以上信息 请致电000-5967432</a>
    </div>
  );
};
export default Index;
